import EmptyComponent from "@/components/empty";
import GamePage from "@/page/game-page.vue";
import Baseplay from "@/page/game-page/baseplay.vue";
import Connectplay from "@/page/game-page/connectplay.vue";
import Cosplay from "@/page/game-page/cosplay.vue";
import Replay from "@/page/game-page/replay.vue";
import MainPage from "@/page/main-page.vue";
import Choose from "@/page/main-page/choose.vue";
import Instruction from "@/page/main-page/instruction.vue";
import AchievementView from "@/page/main-page/instruction/achievement-view.vue";
import Author from "@/page/main-page/instruction/author.vue";
import ItemsView from "@/page/main-page/instruction/items-view.vue";
import Rule from "@/page/main-page/instruction/rule.vue";
import Record from "@/page/main-page/record.vue";
import Setting from "@/page/main-page/setting.vue";
import { createRouter, createWebHistory } from "vue-router";
export default createRouter({
    "history": createWebHistory(),
    routes: [
        {
            path: "/",
            redirect: "/main"
        },
        {
            path: "/main",
            component: MainPage,
            children: [
                { path: "normal", component: EmptyComponent },
                { path: "mode_choose", component: Choose },
                { path: "read_record", component: Record },
                { path: "setting", component: Setting },
                {
                    path: "instruction",
                    component: Instruction,
                    children: [
                        { path: "rule", component: Rule },
                        { path: "card", component: ItemsView },
                        { path: "achievement", component: AchievementView },
                        { path: "author", component: Author },
                    ]
                }
            ]
        },
        {
            path: "/game",
            component: GamePage,
            children: [
                { path: "baseplay", component: Baseplay },
                { path: "replay", component: Replay },
                { path: "cosplay", component: Cosplay },
                { path: "connectplay", component: Connectplay },
            ]
        }
    ]
})